<script setup lang="ts">
import { MoreFilled } from "@element-plus/icons-vue";

const activities = [
  {
    content: [
      "1. 发布第一版，功能包括 veapp、IDP 基础功能",
      "2. 优化会话打开、应用拉起等一系列逻辑",
      "3. 完成通过虚拟通道打开应用的联调测试",
      "4. 通过虚拟通道打开应用后前端会收到应用开启成功的消息，然后前端通知go将应用打开的日志信息写入数据库中，方面后续的会话复用逻辑使用。",
      "5. 将【我的应用】页面拆分为应用和会话两部分，应用点击时会启动应用，会话点击时会恢复会话，但是不会再次拉起应用。之前设计的参数 isOpen 可以用到了。"
    ],
    timestamp: "2023-10-18 20:46",
    size: "large",
    type: "primary",
    icon: MoreFilled
  },
  {
    content: ["1. 发布 veapp 3.2.0"],
    timestamp: "2023-09-03 20:46",
    color: "#0bbd87"
  },
  {
    content: ["1. 发布 veuam 3.5.0"],
    timestamp: "2022-12-12 20:46",
    size: "large"
  },
  {
    content: ["1. 发布 veuam 3.4.10"],
    timestamp: "2022-01-03 20:46",
    type: "primary",
    hollow: true
  },
  {
    content: ["1. 发布 VEIDP 3.x.x"],
    timestamp: "2021-04-03 20:46"
  }
];
</script>

<template>
  <div class="update-div">
    <el-timeline>
      <el-timeline-item
        v-for="(activity, index) in activities"
        :key="index"
        :icon="activity.icon"
        :type="activity.type"
        :color="activity.color"
        :size="activity.size"
        :hollow="activity.hollow"
        :timestamp="activity.timestamp"
      >
        <div v-for="(text, index2) in activity.content" :key="index2">
          <span>
            {{ text }}
          </span>
        </div>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<style scoped>
.update-div {
  margin-left: 5px;
}
</style>
